<template>
  <div class="home-container">
    <div class="main-content">
      我是NV组件
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRoute } from "vue-router";

const route = useRoute();
console.log(route);
</script>

<style scoped>
.home-container {
  display: flex;
  height: 100vh;
}

.main-content {
  flex: 1;
  background-color: #f0f2f5;
  padding: 20px;
}

.left-sidebar {
  width: 200px;
  background-color: #343a40;
  color: #ffffff;
  padding: 20px;
}

.right-sidebar {
  width: 200px;
  background-color: #f8f9fa;
  padding: 20px;
  border-left: 1px solid #dee2e6;
}
</style>
